Ext.define('DespreImobiliare.view.Viewport', {
	extend : 'Ext.container.Viewport',

	requires : [ 'Ext.layout.container.Border',
			'DespreImobiliare.view.regions.North',
			'DespreImobiliare.view.regions.West',
			'DespreImobiliare.view.regions.Center',
			'DespreImobiliare.view.regions.East',
			'DespreImobiliare.view.regions.South' ],

	layout : {
		type : 'border',
		padding : 5
	},
	defaults : {
		split : true,
		border : false,
		collapsible : false
	},

	items : [ {
		region : 'north',
		height : 100,
		layout : {
			type : 'fit'
		},
		items : [ {
			xtype : 'regions.north'
		} ]
	}, {
		region : 'west',
		width : 200,
		layout : {
			type : 'fit'
		},
		items : [ {
			xtype : 'regions.west'
		} ]
	}, {
		region : 'center',
		layout : {
			type : 'fit'
		},
		items : [ {
			xtype : 'regions.center'
		} ]
	}, {
		region : 'east',
		width : 300,
		layout : {
			type : 'fit'
		},
		items : [ {
			xtype : 'regions.east'
		} ]
	}, {
		region : 'south',
		height : 30,
		layout : {
			type : 'fit'
		},
		items : [ {
			xtype : 'regions.south'
		} ]
	} ]
});